<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止用户在手机上缩放-->
    <title></title>

    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__AOS__/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/response.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__CSS__/personal_center.css">
</head>
<body>
<!--响应式导航-->
<div role="navigation" class="navbar navbar-default bg">
    <div class="container-fluid ">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header col-xs-12 col-md-6 col-sm-5 col-lg-4">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>

                <!--<i class="fa fa-th-list fa-2x"></i>  &lt;!&ndash;自己换的图标&ndash;&gt;-->
            </button>
            <a href=""><img src="__IMAGES__/canvas.png" class="img-rounded" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse col-xs-12 col-md-6 col-sm-5 col-lg-4" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="" style="color: white">课程</a></li>
                <li><a href="" style="color: white" >职业之路</a></li>
                <li><a href="" style="color: white">实战</a></li>
                <li><a href="" style="color: white">猿问</a></li>
                <li><a href="" style="color: white">笔记</a></li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="search">
                </div>
                <button type="submit" class="btn btn-default big">
                    <span class="glyphicon glyphicon-search"></span>搜索
                </button>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</div>
<div class="container">
    <div class="row">
        <div class="col-lg-12"></div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class=" col-lg-2 col-md-2 col-xs-12  col-sm-12 list">
            <div class="a11">

            </div>
            <h3>账号管理</h3>
            <ul class="list1">
                <li>
                        <a href="account_binding.html">账号绑定</a>
                </li>
                <li class="hover">
                        <a href="" style="color: white">个人信息</a>
                </li>
                <li>
                        <a href="real_name.html">实名认证</a>
                </li>
                <li>
                    <a href="recharge.html" >账户充值</a>
                </li>
                <li>
                    <a href="">消费记录</a>
                </li>
                <li>
                    <a href="wealth_search.html">余额查询</a>
                </li>
                <li>
                    <a href="">我的课程</a>
                </li>
                <li>
                    <a href="">上传课程</a>
                </li>
            </ul>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-10 clo-lg-10">
            <div class="row personal1 ">
                <div class="col-xs-6 col-sm-6 col-md-11 clo-lg-11 personal1_1">
                    个人信息
                </div>
                <div class="col-xs-6 col-sm-6 col-md-1 clo-lg-1">
                    <a href="">
                        <i class="fa fa-eyedropper"></i>
                        编辑
                    </a>
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-2 col-sm-2 col-md-2 clo-lg-2 personal1_21">
                    昵称
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9 clo-lg-9 personal1_22">
                    追寻哥哥
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-2 col-sm-2 col-md-2 clo-lg-2 personal1_21">
                    职业
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9 clo-lg-9 personal1_22">
                  php工程师
                </div>
            </div>

            <div class="row personal1_2">
                <div class="col-xs-2 col-sm-2 col-md-2 clo-lg-2 personal1_21">
                  城市
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9 clo-lg-9 personal1_22">
                   四川
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-2 col-sm-2 col-md-2 clo-lg-2 personal1_21">
                   性别
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9 clo-lg-9 personal1_22">
                    男
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-2 col-sm-2 col-md-2 clo-lg-2 personal1_21">
                    个性签名
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9 clo-lg-9 personal1_22">
                    妹妹们不要太爱我
                </div>
            </div>

        </div>
        </div>
    </div>



</div>
<div class="container-fluid last hidden-xs hidden-sm hidden-md">
    <!--隐藏的要一个一个写-->
    <div class="row">
        <div class="col-lg-1 hidden-xs hidden-sm hidden-md"></div>
        <div class="col-lg-8 hidden-xs hidden-sm hidden-md ">
            <ul class="last1">
                <li><a href="#" class="ss">网站首页</a></li>
                <li><a href="#" class="ss">企业合作</a></li>
                <li><a href="#" class="ss">人才招聘</a></li>
                <li><a href="#" class="ss">联系我们</a></li>
                <li><a href="#" class="ss">讲师招聘</a></li>
                <li><a href="#" class="ss">常见问题</a></li>
                <li><a href="#" class="ss">意见反馈</a></li>
                <li><a href="#" class="ss">慕课大学</a></li>
                <li><a href="#" class="ss">友情连接</a></li>
            </ul>
            <p class="last3">
                Copyright © 2017 imooc.com All Rights Reserved | 川ICP备 13046642号-2
            </p>
        </div>
        <div class=" col-lg-3 hidden-xs hidden-sm hidden-md last2">
            <div class="as">
                <i class="fa fa-weixin fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-qq fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-weibo fa-2x"></i>
            </div>

        </div>

    </div>
</div>

<div class="container-fluid hidden-lg bg">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 hidden-lg ">
            <p class="end">
                手机网站：要学技术就来慕课网
            </p>
        </div>
    </div>

</div>



</body>
</html>
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
